• Home
  Css
• DHTML
  Javascipt
  İFRAME
  SAYAÇ
• Renk Kodları
• Html kod deneme
  SSS
   

Tasarım Ekle Iceblue Tasarımları Css Menü Red Menü Iceblue Menü css menü1 css menü2 css menü3 css menü4 css menü5 css menü6 css menü7 css menü8 css menü9 css menü10 İndex KOD EKLE Sitene saat ekle Mause efekti1 Mause efekti2 Sayfanızı yazdırın Sayfada uçan toplar Titreyen yazı Renk değiştiren yazı Yazı efekti Dalgalanan yazı Yazı efekti Resim efekti1 Resim efekti2 Resim efekti3 Resim efekti4 Resim efekti5 Resim efekti6 Resim efekti7 Resim efekti8 Resim efekti9 Resim efekti10 Duyuru panosu1 Duyuru panosu2 Duyuru panosu3 Duyuru panosu4 Duyuru panosu5 Saat1 Saat2 Pop-up1 Pop-up2 Kod deneme Ana sayfam Yap Media Player İframe

CSS MENÜ BUTON KODLARI

Kopyalamak için kodların üzerine tıklamanız yeterlidir. Şayet buton renklerini değiştirmek isterseniz kod içerisinde buton URL si var onu silip istediğinz bir buton urlsi yazabilirsiniz kod içerisinde başka yerleri değiştirmemeniz önerilir aksi halde çalışmaz. Buton url si için buraya bakınız

cssjavascript buton   Download Now CSS buttons

KOPYALAMAK İÇİN KODUN ÜZERİNE TIKLAYIN
<style type="text/css"> /*Credits: cssjavascript butonları*/ /*URL: http://www.cssjavascript.tr.gg/ */ a.boldbuttons{ background: transparent url(' https://img.webme.com/pic/c/cssjavascript/red8.gif') no-repeat top left; display: block; float: left; font: bold 13px Arial; /* Change 13px as desired */ line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 30px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; } a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{ color: white; /*button text color*/ } a.boldbuttons span{ background: transparent url(' URL BURAYA') no-repeat top right; display: block; padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/ } a:hover.boldbuttons{ /* Hover state CSS */ text-decoration: underline; } .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%; }</style> <h4> </h4> <div class="buttonwrapper"><a class="boldbuttons" href="http://www.cssjavascript.tr.gg" _fcksavedurl="http://www.cssjavascript.tr.gg"><span>cssjavascript buton</span></a></div> <h4> </h4> <div class="buttonwrapper"><a class="boldbuttons" href="http://www.cssjavascript.tr.gg" _fcksavedurl="http://www.cssjavascript.tr.gg"><span>Download Now</span></a> <a class="boldbuttons" style="margin-left: 6px" href="http://www.cssjavascript.tr.gg" _fcksavedurl="http://www.cssjavascript.tr.gg"><span>CSS buttons</span></a></div>

 

---

BUTON1 BUTON2

KOPYALAMAK İÇİN KODUN ÜZERİNE TIKLAYIN
<style type="text/css"> #menu a, #menu a:visited { text-decoration:none; text-align:center; background-color:#ffff00; color:#000099; display:block; width:8em; padding:0.2em; margin:0.5em auto; border-right:5px solid #ffff00; } #menu a:hover { border-right:5px solid #ff0000; } </style> <div id="menu"> <a href="#nogo" _fcksavedurl="#nogo">BUTON1</a> <a href="#nogo" _fcksavedurl="#nogo">BUTON2</a> </div>

ileri